<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{{ title }} &middot; Working-Time</title>
        <link href="/img/favicon.png" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        {% for one_css in css %}
        <link type="text/css" rel="stylesheet" href="{{ one_css }}" />
        {% endfor %}
        <link type="text/css" rel="stylesheet" href="/css/bootstrap.min.css" />
        <style type="text/css">

            /* Sticky footer styles
            -------------------------------------------------- */

            html,
            body {
                height: 100%;
                /* The html and body elements cannot have any padding or margin. */
            }

            /* Wrapper for page content to push down footer */
            #wrap {
                min-height: 100%;
                height: auto !important;
                height: 100%;
                /* Negative indent footer by it's height */
                margin: 0 auto -60px;
            }

            /* Set the fixed height of the footer here */
            #push,
            #footer {
                height: 60px;
            }
            #footer {
                background-color: #f5f5f5;
            }

            /* Lastly, apply responsive CSS fixes as necessary */
            @media (max-width: 767px) {
                #footer {
                    margin-left: -20px;
                    margin-right: -20px;
                    padding-left: 20px;
                    padding-right: 20px;
                }
            }



            /* Custom page CSS
            -------------------------------------------------- */
            /* Not required for template or sticky footer method. */

            .container {
                width: auto;
                max-width: 680px;
                position: relative;
            }
            .container .credit {
                margin: 20px 0;
            }

        </style>
        <link type="text/css" rel="stylesheet" href="/css/style.css" />
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/js/noty/jquery.noty.js"></script>
        <script type="text/javascript" src="/js/noty/layouts/top.js"></script>
        <script type="text/javascript" src="/js/noty/themes/default.js"></script>
        <script src="/js/js.js"></script>
        <!-- Fav and touch icons -->
        <link rel="shortcut icon" href="/img/favicon.png">
    </head>

    <body>


        <!-- Part 1: Wrap all page content here -->
        <div id="wrap">

            <!-- Begin page content -->
            <div class="container">
                <div class="masthead">
                    <ul class="nav nav-pills pull-right">
                        <li class="dropdown">
                          <a class="dropdown-toggle" data-toggle="dropdown" href="#">{{lang_cur}} <b class="caret"></b></a>
                          <ul class="dropdown-menu">
                            {% for lang in lang_menu %}
                            <li><a href="{{lang.url}}">{{lang.text}}</a></li>
                            {% endfor %}
                          </ul>
                        </li>
                        {% for link in top_menu %}
                        <li class="{% if link.active %}active{% endif %}"><a href="{{link.url}}">{{link.text}}</a></li>
                        {% endfor %}
                    </ul>
                    <h3 class="muted">Working-Time</h3>
                </div>
                <hr>
                <div id="messages"></div>